<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){}%>
    <link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
    <link href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/module/jeDate/jedate.css"/>
    <style type="text/css">
        .table > tbody > tr > td {
            vertical-align: middle;
        }
    </style>
</head>
<body style="overflow-y: auto;">
<div class="page-body" style="padding:0px;overflow-y: auto;">
    <div class="main-container container-fluid">
        <div class="page-container">
            <div class="col-md-12 col-sm-12 col-xs-12" style="padding:0px">
                <div class="col-md-2 col-sm-2 col-xs-12" style="padding: 0px;">
                    <div class="widget flat radius-bordered">
                        <div class="widget-header bg-lightred">
                            <span class="widget-caption">项目状态</span>
                        </div>
                        <div class="widget-body">
                            <div class="row">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <a id="cbut" href="javascript:void(0);" class="btn btn-purple" style="width: 100%;">创建项目</a>
                                    <ul class="dropdown-menu dropdown-purple" style="position: unset;display: inline-block;margin-top: 10px;width: 100%">
                                        <li>
                                            <a href="#" tabindex="-1" class="js-status" data-value="0">立项中
                                                <span class="badge badge-success graded pull-right status0"></span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" tabindex="-1" class="js-status" data-value="1">已驳回
                                                <span class="badge badge-magenta graded pull-right status1"></span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" tabindex="-1" class="js-status" data-value="2">审批中
                                                <span class="badge badge-magenta graded pull-right status2"></span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" tabindex="-1" class="js-status" data-value="3">处理中
                                                <span class="badge badge-darkorange graded pull-right status3"></span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" tabindex="-1" class="js-status" data-value="4">已挂起
                                                <span class="badge badge-yellow graded pull-right status4"></span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" tabindex="-1" class="js-status" data-value="5">已办结
                                                <span class="badge badge-info graded pull-right status5"></span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-10 col-sm-10 col-xs-12" style="padding:0px">
                    <div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px;">
                        <div class="widget-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="btn-group" id="toobar">
                                        <span style="margin-left: 10px;">项目级别:</span>
                                        <span>
                                        <select id="proLevelQuery" style="width: 150px; display: inline-block; border-radius: 0px;" class="form-control">
                                            <option value="">全部</option>
                                            <option value="0">一般</option>
                                            <option value="1">普通</option>
                                            <option value="2">重点</option>
                                        </select>
                                        </span>
                                        <span style="margin-left: 10px;">项目日期:</span> <span> <input readonly="readonly" placeholder="立项日期"
                                                                                                    style="width: 150px; display: inline-block;"
                                                                                                    id="beginTimeQuery"
                                                                                                    class="form-control">
										</span> <span style="margin-left: 10px;">-</span> <span style="margin-left: 10px;"> <input readonly="readonly" placeholder="立项日期"
                                                                                                                                   style="width: 150px; display: inline-block;"
                                                                                                                                   id="endTimeQuery" class="form-control">
										</span>
                                        <span style="margin-left: 20px"> <a href="javascript:void(0);" class="btn btn-magenta js-simple-query">${i18n('system.search')}</a></span>
                                    </div>
                                    <table id="myTable"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-lg" id="createProjectModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;overflow-y: auto;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">填写项目信息</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-bordered" role="form" id="form1">
                        <table class="table table-hover table-striped table-bordered">
                            <tr>
                                <td width="20%">${i18n('system.sortNo')}：</td>
                                <td width="30"><input type="number" class="form-control" name="sortNo" id="sortNo" placeholder="${i18n('system.sortNo')}"></td>
                                <td width="20%">项目编号：</td>
                                <td width="30"><input type="text" class="form-control" name="proCode" id="proCode" placeholder="项目编号"></td>
                            </tr>
                            <tr>
                                <td width="20%">项目名称：</td>
                                <td width="30"><input type="text" class="form-control" name="title" id="title" placeholder="项目名称"></td>
                                <td width="20%">项目类型：</td>
                                <td width="30"><input type="text" class="form-control" name="proSort" id="proSort" placeholder="项目类型" readonly="readonly">
                                    <div id="menuContent" class="menuContent">
                                        <ul id="menuTree" class="ztree"></ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="20%">项目审批人：</td>
                                <td width="30"><select id="approvalUser" name="approvalUser" class="form-control">
                                    <option value="">请选择</option>
                                </select></td>
                                <td width="20%">项目级别：</td>
                                <td width="30"><select id="proLevel" name="proLevel" class="form-control">
                                    <option value="0">一般</option>
                                    <option value="1">普通</option>
                                    <option value="2">重点</option>
                                </select></td>
                            </tr>
                            <tr>
                                <td width="20%">${i18n('system.beginTime')}：</td>
                                <td width="30"><input type="text" class="form-control" name="beginTime" id="beginTime" placeholder="${i18n('system.beginTime')}" readonly="readonly">
                                </td>
                                <td width="20%">${i18n('system.endTime')}：</td>
                                <td width="30"><input type="text" class="form-control" name="endTime" id="endTime" placeholder="${i18n('system.endTime')}" readonly="readonly"></td>
                            </tr>
                            <tr>
                                <td width="20%">项目经理：</td>
                                <td width="30"><input type="text" class="form-control" name="manager" id="manager" placeholder="项目经理" readonly="readonly"
                                                      opt-id="manager" onclick="selectUser(this,'false');"></td>
                                <td width="20%">项目预算：</td>
                                <td width="30"><input type="text" class="form-control" name="budget" id="budget" placeholder="项目预算"></td>
                            </tr>
                            <tr>
                                <td width="20%">任务负责人：</td>
                                <td width="30" colspan="2"><textarea id="taskUsers" name="taskUsers" class="form-control" placeholder="任务负责人" rows="5"
                                                                     readonly="readonly"></textarea></td>
                                <td><a style="cursor: pointer;" opt-id="taskUsers" onclick="selectUser(this,'true');">${i18n('system.select')}</a>
                                    <a style="cursor: pointer;" onclick="clearSelect('taskUsers')">${i18n('system.clear')}</a></td>
                            </tr>
                            <tr>
                                <td width="20%">参与部门：</td>
                                <td width="30" colspan="2"><textarea id="joinDept" name="joinDept" class="form-control" placeholder="参与部门" rows="5"
                                                                     readonly="readonly"></textarea></td>
                                <td><a style="cursor: pointer;" opt-id="joinDept" onclick="selectDept(this,'true');">${i18n('system.select')}</a>
                                    <a style="cursor: pointer;" onclick="clearSelect('joinDept')">${i18n('system.clear')}</a></td>
                            </tr>
                            <tr>
                                <td width="20%">项目内容：</td>
                                <td width="80%" colspan="3">
                                    <div id="remark" name="remark" style="height: 300px"></div>
                                </td>
                            </tr>
                            <tr>
                                <td width="20%">项目附件：</td>
                                <td width="80%" colspan="3">
                                    <div id="show_attach"></div>
                                    <a class="addfile" href="javascript:void(0)">${i18n('fileupload')}
                                        <input data_value="" type="file" onchange="fileUpLoad('project','attach');" hidefocus="true"
                                               maxlength="1" id="attach" name="attach" class="addfile" multiple="multiple"></a>
                                </td>
                            </tr>
                            <tr>
                                <td width="20%">项目文档：</td>
                                <td width="80%" colspan="3">
                                    <div class="checkbox">
                                        <label>
                                            <input name="isCreateFile" type="checkbox" checked="checked" value="1">
                                            <span class="text">创建项目文档目录</span>
                                        </label>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning" data-dismiss="modal">${i18n('cancel')}</button>
                    <button type="button" class="btn btn-primary js-send">${i18n('ok')}</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<%include("/app/resapi/sysjs.html"){}%>
<script type="text/javascript" src="/module/fileupload/pageoffice.js" id="po_js_main"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table-${localeLangCountry()}.js"></script>
<script type="text/javascript" src="/module/jeDate/jeDate.js"></script>
<script type="text/javascript" src="/module/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/module/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="/module/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="/module/fileupload/ajaxfileupload.js"></script>
<script type="text/javascript" src="/module/fileupload/fileupload.js"></script>
<script type="text/javascript" src="/module/fileupload/attachselect.js"></script>
<script type="text/javascript" src="/module/orgselect/orgselect.js"></script>
<script type="text/javascript" src="/gobal/js/page/project/pro/index.js"></script>
</body>
</html>
